<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>exam-summary-detail</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/ionicons.min.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/exam-summary-detail.css">
</head>
<body class="row" style="margin:0;">

<!-- left area -->
<div class="left col-md-2">
    <aside>
        <div class="welcome t-c">
            <strong>新卓越在线考试管理系统</strong>
        </div>
        <ul class="f-16">
            <a href="exam-summary.html"  class="side-menu-color"><li>
                <i class="icon ion-navicon-round f-18 m-r-10"></i>  考试概况
                <span class="icon ion-android-radio-button-off f-r f-13"></span>
            </li></a>
            <a href="student-manage.html"  class="side-menu-color"><li>
                <i class="icon ion-person-stalker f-18 m-r-10"></i> 学员管理
                <span class="icon ion-android-radio-button-off f-r f-13"></span>
            </li></a>
            <li  class="side-menu-color" id="course">
                <i class="icon ion-ios-list-outline f-18 m-r-10"></i>  课程管理
                <span class="icon ion-ios-arrow-back f-r f-18"></span>
            </li>
            <a href="lesson-info.html" class="side-menu-color"><li class="course child-menu">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  课程信息
                <span class="icon ion-android-checkbox-outline f-r f-18"></span>
            </li></a>
            <a href="subject-library.html"  class="side-menu-color"><li class="course child-menu">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  题库管理
                <span class="icon ion-android-list f-r f-18"></span>
            </li></a>
            <li class="side-menu-color" id="assessment">
                <i class="icon ion-android-done-all f-18 m-r-10"></i>考核管理
                <span class="icon ion-ios-arrow-back f-r f-18"></span>
            </li>
            <a href="exam-manage.html"  class="side-menu-color"><li class="assessment child-menu">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  考试管理
                <span class="icon ion-ios-calculator f-r f-18"></span>
            </li></a>
            <a href="member-manage.html"  class="side-menu-color"><li class="assessment child-menu nav-list-item-actived">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  成员管理
                <span class="icon ion-ios-personadd f-r f-18"></span>
            </li></a>
            <li id="grade"  class="side-menu-color">
                <i class="icon ion-calculator f-18 m-r-10"></i>  成绩管理
                <span class="icon ion-ios-arrow-back f-r f-18"></span>
            </li>
            <a href="exam-grade.html"  class="side-menu-color"><li class="grade child-menu">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  考试成绩
                <span class="icon ion-android-done-all f-r f-18"></span>
            </li></a>
            <a href="grade-details.html"  class="side-menu-color"><li class="grade child-menu">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  成绩明细
                <span class="icon ion-android-funnel f-r f-18"></span>
            </li></a>
            <a href="super-manage.html"  class="side-menu-color"><li>
                <i class="icon ion-ios-locked-outline f-18 m-r-10"></i>  超级管理
                <span class="icon ion-android-radio-button-off f-r f-13"></span>
            </li></a>
        </ul>
    </aside>
</div>
<!-- left area end -->

<!-- right area -->
<div class="right col-md-10 f-r">
    <header>
        <span class="notice-body"><i class="icon ion-alert"></i>  公告：</span><span id="notice">2016新卓越秋季软师报名进行中！</span>
        <span id="userName" class="m-r-10">上午好,卓小越  <a href="##">  退出</a></span>
    </header>
    <main>
    	<div class="details bgc-white">
    		<a href="exam-summary.html" id="back"><button type="button"  class="btn btn-default" ><i class="fa fa-mail-reply"></i>  返回</button></a>
            <!--该门课成绩饼图-->
	    	<div class="pie-style">
	                <div id="container" style="height: 100%;"></div>
	        </div>
	        <!--该门课成绩明细表格-->
        <table id="table1" class="table table-hover table-bordered m-t-20" contenteditable="false" border="1" bordercolor="#000000" width="100%" cellpadding="0" cellspacing="0" align="center";>
				<tbody>
			    	<tr>
			    		<th>学号</th>
			    		<th>姓名</th>
			        	<th>成绩</th>
			            <th>课程名称</th>

			        </tr>
			        <tr>
			        	<td>06143097</td>
			        	<td>贾西贝</td>
			            <td>65</td>
			            <td>程序员水平测试</td>
			        </tr>
			         <tr>
			         	<td>06143097</td>
			        	<td>贾西贝</td>
			            <td>65</td>
			            <td>程序员水平测试</td>
			        </tr>
			         <tr>
			         	<td>06143099</td>
			        	<td>小名</td>
			            <td>74</td>
			            <td>软件工程师考试</td>
			        </tr>
			        <tr>
			        	<td>06143098</td>
			        	<td>卓小月</td>
                        <td>54</td>
                        <td>计算机基础考试</td>
			        </tr>
			         <tr>
			         	<td>06143097</td>
			        	<td>贾西贝</td>
			            <td>65</td>
			            <td>程序员水平测试</td>
			        </tr>
			         <tr>
			         	<td>06143099</td>
			        	<td>小名</td>
			            <td>74</td>
			            <td>软件工程师考试</td>
			        </tr>
			        <tr>
			        	<td>06143098</td>
			        	<td>卓小月</td>
                        <td>54</td>
                        <td>计算机基础考试</td>
			        </tr>
			         <tr>
			         	<td>06143097</td>
			        	<td>贾西贝</td>
			            <td>65</td>
			            <td>程序员水平测试</td>
			        </tr>
			         <tr>
			         	<td>06143099</td>
			        	<td>小名</td>
			            <td>74</td>
			            <td>软件工程师考试</td>
			        </tr>
			        <tr>
			        	<td>06143098</td>
			        	<td>卓小月</td>
                        <td>54</td>
                        <td>计算机基础考试</td>
			        </tr>
			         <tr>
			         	<td>06143097</td>
			        	<td>贾西贝</td>
			            <td>65</td>
			            <td>程序员水平测试</td>
			        </tr>
			         <tr>
			         	<td>06143099</td>
			        	<td>小名</td>
			            <td>74</td>
			            <td>软件工程师考试</td>
			        </tr>
			        <tr>
			        	<td>06143098</td>
			        	<td>卓小月</td>
                        <td>54</td>
                        <td>计算机基础考试</td>
			        </tr>
			         <tr>
			         	<td>06143097</td>
			        	<td>贾西贝</td>
			            <td>65</td>
			            <td>程序员水平测试</td>
			        </tr>
			         <tr>
			         	<td>06143099</td>
			        	<td>小名</td>
			            <td>74</td>
			            <td>软件工程师考试</td>
			        </tr>
			        <tr>
			        	<td>06143098</td>
			        	<td>卓小月</td>
                        <td>54</td>
                        <td>计算机基础考试</td>
			        </tr>
			         <tr>
			         	<td>06143097</td>
			        	<td>贾西贝</td>
			            <td>65</td>
			            <td>程序员水平测试</td>
			        </tr>
			         <tr>
			         	<td>06143099</td>
			        	<td>小名</td>
			            <td>74</td>
			            <td>软件工程师考试</td>
			        </tr>
			        <tr>
			        	<td>06143098</td>
			        	<td>卓小月</td>
                        <td>54</td>
                        <td>计算机基础考试</td>
			        </tr>
			         <tr>
			         	<td>06143097</td>
			        	<td>贾西贝</td>
			            <td>65</td>
			            <td>程序员水平测试</td>
			        </tr>
			         <tr>
			         	<td>06143099</td>
			        	<td>小名</td>
			            <td>74</td>
			            <td>软件工程师考试</td>
			        </tr>
			    </tbody>
			</table>
			</div>
    </main>
    <footer>
    	<strong class="m-l-20">Copyright © 2016 <a href="http://thoughtcoding.csxupt.com">新卓越计算机教育</a>.</strong> All rights reserved.
    </footer>
<!-- right area end -->
</div>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
       <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
<script type="text/javascript" src = "js/jquery.min.js"></script>
<script type="text/javascript" src = "js/common.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/exam-summary-detail.js"></script>

<script>

</script>
</body>
</html>
